<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		<title>51微贷</title>
		<link rel="stylesheet" type="text/css" href="../css/reset.css">
		<link rel="stylesheet" type="text/css" href="../css/info.css">
		<link rel="stylesheet" type="text/css" href="../css/icomoon/style.css">
		<script type="text/javascript" src="../js/rem.js"></script>
	</head>
	<style>
		.wrapper {
			position: absolute;
			width: 100%;
			bottom: 0;
			top: 1.28rem;
		}
		
		.nanobar {
			width: 100%;
			height: 3px;
			z-index: 9999;
			top: 0
		}
		
		.bar {
			width: 0;
			height: 100%;
			transition: height .3s;
			background: #1AAD19;
		}
	</style>

	<body class="bg" onload="loaded()">
		<div class="m-wechat">
			<h3 class="header f-pr">
				<span>关注微信</span>
				<i class="icon-angle-left f-pa"></i>
			</h3>
			<div id="content">
				<div id="wrapper" class="wrapper">
					<div id="scroller">
						<div class="step step1">
							<p>第1步</p>
							<p class="small">First step</p>
							<p class="img"><img src="../images/discovery/wechat-1.png"></p>
						</div>
						<div class="step step2">
							<p>第2步</p>
							<p class="small">Second step</p>
							<p class="color">搜索“<span>无忧微贷</span>”</p>
							<p class="img"><img src="../images/discovery/wechat-2.png"></p>
						</div>
					</div>
				</div>
			</div>
		</div>

		<script type="text/javascript" src="../js/nanobar.min.js"></script>
		<script type="text/javascript" src="../js/zepto.min.js"></script>
		<script type="text/javascript" src="../js/iscroll.js"></script>
		<script type="text/javascript" src="../js/scroller.js"></script>
		<script type="text/javascript" src="../js/mui.min.js"></script>
		<script type="text/javascript">
			document.addEventListener('plusready', function() {
				$('.icon-angle-left').on('tap', function() {
					mui.back();
				});
			}, false);

			var nanobar = new Nanobar({
				target: document.getElementById('content')
			});
//			nanobar.go(40);
			var webview = plus.webview.currentWebview();
			webview.addEventListener('progressChanged', function(e) {
				// e.progress可获取加载进度
				console.log('获取当前进度：' + e.progres);
				nanobar.go(e.progress);
			}, false);
		</script>
	</body>

</html>